﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>贴吧</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/mootools.js"></script>
    <script type="text/javascript">
         function paste() {
            obj = document.getElementById('text');
            s = new String(obj.value);
            var z = "&text=" + s.replace(/&/g,";amp;");
            z += "&fakesecurity=2453564";
            new Ajax('perm-it', {postBody: z, onComplete: completed}).request();
         }

         function completed (req) {
            obj = document.getElementById('info');
            if (req.indexOf('Error:') == 0) {
                alert(req);
            }
            else {
                obj.innerHTML = "Clip number : &nbsp; <b>"+req+"</b><br/>Direct URL : &nbsp; <a href='http://www.tieba.com/clip/"+req+"' target='_blank'>http://www.tieba.com/clip/"+req+"</a>";
                obj.style.display = 'block';  
            }
         }

         function doFocus(obj) {
            if (obj.value == "贴你所想...") {
                obj.style.color = "#000000";
                obj.value = "";
            }
         }

         function doBlur(obj) {
            if (obj.value == "") {
                obj.style.color = "#AAAAAA";
                obj.value = "贴你所想...";
            }
         }

         function calcLen(obj) {
            document.getElementById('maxlength').innerHTML = obj.value.length;
         }

         function load() {
             document.getElementById('text').value = "贴你所想...";
         }

         function getclip() {
            var clipnum = document.getElementById('clipnum').value;
            window.location.href = 'http://www.tieba.com/clip/' + clipnum;
         }         
     </script>
     
</head>

<body onload="load();">
    <!-- top navigation start -->
    <div id="topNav">
        <a href="index.html" title="贴吧">
            <img src="images/logo_tieba.png" alt="贴吧" width="177" height="84" border="0" /></a>
        <ul>
            <li><a href="#" title="Home" class="hover">贴吧</a></li>
            <li><a href="#" title="About us">关于贴吧</a></li>
            <li><a href="#" title="Support">技术支持</a></li>
            <li><a href="#" title="Contact">联系反馈</a></li>   
        </ul>
    </div>
    <!-- top navigation end -->
    <!-- body start -->
    <div id="body">
        <!-- top shadow start -->
        <div id="topShadow">
        </div>
        <!-- top shadow end -->
        <!-- body pannel start -->
        <div id="bodyPannel">
        
        
            <!-- login form start-->
            <form method="post" action="#" name="login" class="search">
            <h2>登陆 注册</h2>
            <h3>注册用户可享受历史查询和文本检索功能，并可永久保留个人最近10条帖子。</h3><br/>
            <table style="border : 0; padding:0 0 0 0;">
                <tr>
                    <td style="width:25%;"><label>用户名</label></td>
                    <td><input name="name" type="text" id="name" /></td>
                </tr>
                <tr>
                    <td style="width:25%;"><label>密码</label></td>
                    <td><input name="password" type="password" id="password" /></td>
                </tr>
                <tr>
                    <td colspan="2">
                    <input name="" type="checkbox" value="" class="check" /><p style="text-align:center;">记住密码</p>
                    <input name="login" type="submit" id="login" value="登陆" title="登陆" class="login" />
                    <input name="register" type="submit" id="register" value="注册" title="注册" class="register" />
                    </td>
                </tr>
                
            </table>
                    
            </form>
            <!-- login form end-->
            
            
            <div id="eventLink">
                <h2>公告 事件簿</h2>
                <ul>
                    <li><a href="#">“贴吧”主要功能及特性</a></li>
                    <li><a href="#">“贴吧” alpha版 最新更新及变化</a></li>
                    <li><a href="#">协议与用户须知</a></li>
                    <li><a href="#">注册用户与非注册用户的区别</a></li>
                </ul>
                <a href="#" title="read more" class="more">更多...</a>
            </div>
            <br class="spacer" />
            
            
            
            <form onsubmit="getclip();return false;" method="get" style="float:right; margin-bottom:4px">
                <span style="font:bold; color:Green;">贴号：</span>
                <input id="clipnum" class="txtbox" type="text" size="6"/>
                <input id="editClipNo"  type="button" onclick="editclip();" value="自定义贴号"/><span>&nbsp&nbsp</span>
                <input id="getClipNo" type="button" onclick="getclip();" value="拷贝"/>
            </form>           
            
            <div class="box">
                <textarea id="text" class="text" onkeyup="calcLen(this);" onblur="doBlur(this);" onfocus="doFocus(this);" wrap="off">贴你所想...</textarea>
                <br />
                <span id="maxlength" class="maxlength">0</span>
                个字
                <br />
                
                <div id="info" class="info" style="display:none;" />
                <input class="btnStyle" type="button" onclick="paste();" value="粘贴" />            
            </div>
            
                        
            <div id="middle">                
                
                <div id="fastSend">
                    <div id="emailSend">
                        <span class="esTop"></span>
                        <form method="post" action="#" name="emailSend" class="emailSend">
                        <h2 class="text1">Email 快速投递</h2>
                        <label>Email地址：</label><input name="email" type="text" id="email" />
                        <input name="email" type="submit" class="submit" id="email" value="发送" title="发送到邮箱" />                            
                        </form>                            
                        <span class="esBottom"></span>
                    </div>
                </div>
                
                <div id="contact">
                    <span class="ctop"></span>
                    <form method="post" action="#" name="newsletter" class="contact">
                    <h2 class="text3">意见反馈</h2>
                    <label>你是谁</label><input name="contactname" type="text" id="contactname" />
                    <label>行业</label><input name="job" type="text" id="job" />
                    <label>Email地址</label><input name="contactemail" type="text" id="contactemail" />
                    <label>我想说</label><textarea name="comments" cols="20" rows="10" id="comments"></textarea>
                    <br class="spacer" />
                    <input name="submit" type="submit" class="submit" id="submit" value="提交" title="提交" />
                    <input name="reset" type="reset" class="reset" id="reset" value="清空" title="清空" />
                    </form>
                    <br class="spacer" />
                    <span class="cbottom"></span>
                </div>
            </div>
            
        </div>
        <!-- body pannel end -->
        
        
        <div id="bottomShadow">
        </div>
        <br class="spacer" />
        
    </div>
    <!-- body end -->
    <br class="spacer" />
    <!-- footer start -->
    <div id="footer">
        <ul>
            <li><a href="#" title="Home" class="hover">贴吧</a>|</li>
            <li><a href="#" title="About Us">关于我们</a>|</li>
            <li><a href="#" title="Support">技术服务</a>|</li>
            <li><a href="#" title="Contact">联系我们</a></li>
        </ul>
        <br class="spacer" />
        <p>©Particles. All rights reserved.</p>
        <br class="spacer" />
    </div>
    <!-- footer end -->
</body>
</html>
